import React from 'react';
import {
  DoneContainer, UserInfo, BasicInfo, NameAndStoreNum, PostAndDate, CurrentMonthBonus,
} from './style';

export default function Done() {
  return (
    <DoneContainer>
      <UserInfo>
        <BasicInfo>
          <NameAndStoreNum>
            <div className="name">
              <span>下午好！康永乐</span>
            </div>
            <div className="store">
              <span>管理门店数 5</span>
            </div>
          </NameAndStoreNum>
          <PostAndDate>
            <div className="post">
              <span>KAI</span>
            </div>
            <div className="date">
              <span>12.01 - 12.26</span>
            </div>
          </PostAndDate>
          <CurrentMonthBonus>
            <div>
              <span>当前月奖金估算</span>
              <span>十月</span>
            </div>
            <div>
              <span>
                ￥2400
              </span>
            </div>
          </CurrentMonthBonus>
        </BasicInfo>
      </UserInfo>
    </DoneContainer>
  );
}
